<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Screen Task">
    <meta name="author" content="Eslam Hamouda, Ahmad Omar &amp; Berengar Lehr">
    <title>Screen Task</title>
    <link href="favicon.png" rel="icon">
    <link href="font-awesome.min.css" rel="stylesheet">
    <link href="styling.css" rel="stylesheet" />
    <script src="jquery-2.1.1.min.js"></script>
    <script src="action.js"></script>
</head>
<body>
    <div id="screenShotHolder">
        <img id="screenShot" alt="screenShot" src="blank.png">
    </div>
    <div id="menu" class="low">
        <ul>
            <li>
                <span class="desc">Size</span>
                <i data-select="full" class="size active fa fa-square">&nbsp;</i>
                <i data-select="ratio" class="size fa fa-th">&nbsp;</i>
                <i data-select="free" class="size fa fa-arrows">&nbsp;</i>
            </li>
            <li>
                <span class="desc">Refresh</span>
                <i class="play fa fa-pause">&nbsp;</i>
                <input type="text" value=""><span>ms</span>
            </li>
            <li><hr></li>
            <li>
                <span class="desc">About</span>
                <a href="https://github.com/EslaMx7/ScreenTask" target="blank1"><i class="fa fa-github EslaMx7">&nbsp;</i></a>
                <a href="https://github.com/ahmadomar/ScreenTask" target="blank2"><i class="fa fa-github ahmadomar">&nbsp;</i></a>
                <a href="https://github.com/HoffmannP/ScreenTask" target="blank3"><i class="fa fa-github HoffmannP">&nbsp;</i></a>
            </li>
        </ul>
    </div>
    <script>
    $(start.bind(this, 'ScreenTask.jpg'))</script>
</body>
</html>

